<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="./../plantilla/plantillaGeneral.xhtml">
	<ui:define name="content">
		<h:form id="form">
			<p:tabView>
				<!--PESTAÑA ADMINISTRACION  -->
				<p:tab title="#{general.administracion} #{general.reservaciones}">
					<!--MENSAJES  -->
					<p:growl id="menTec" life="#{general.tiempoMen}" />
					<!--ACORDEON  -->
					<p:accordionPanel effect="bounceslide" autoHeight="false" id="acoPanTec"  >
						<!--PRIMERA PESTAÑA DEL ACORDEON: INGRESAR DATOS-->
						<p:tab title="#{general.registro} #{general.reservacion}">
							<!--BARRA GUARDAR-->
							<p:toolbar>
								<p:toolbarGroup align="right">
									<p:commandButton value="#{general.guardar}" title="#{general.guardar} #{general.reservacion}"
										update="menTec,griCli, dtTec, gridDatTec" 
										actionListener="#{reservacionesBean.guardarCabecera}" />
								</p:toolbarGroup>
							</p:toolbar>
							<!--DATOS-->
									<h:panelGrid columns="2" id="griCli">
                                <h:outputLabel value="Institucion: " for="cmbIns"  styleClass="texto_negrita_derecha"/>  
						             
						                      <h:selectOneMenu id="cmbIns" style="width:50%" styleClass="texto_izquierda" 
													value="#{reservacionesBean.idInst}"  >
													<f:selectItem itemLabel="#{general.seleccionar} #{general.institucion}"  />
													<f:selectItems value="#{institucionBean.listaInstitucion}"
														var="inst" itemLabel="#{inst.nombre}"
														itemValue="#{inst.idInstitucion}" />
													<p:ajax event="change" process="cmbIns"
														listener="#{reservacionesBean.cargarInstitucion}" update="form:cmbCli"/>
												</h:selectOneMenu>
						                          
						        				<h:outputLabel value="Cliente " for="cmbCli"  styleClass="texto_negrita_derecha"  /> 
						                           <h:selectOneMenu id="cmbCli" style="width:50%" styleClass="texto_izquierda" 
													value="#{reservacionesBean.idCli}" rendered="true" >
													<f:selectItem itemLabel="#{general.seleccionar} #{general.cliente}"  />
													<f:selectItems value="#{reservacionesBean.listaCliente}"
														var="cli" itemLabel="#{cli.nombre}"
														itemValue="#{cli.idCliente}" />
													<p:ajax event="change" process="cmbCli"
														listener="#{reservacionesBean.cargarCliente}"></p:ajax>
												</h:selectOneMenu>                   

                                             
                                             
                                             
                                                <h:outputText id="outAreNombre" value="#{general.nombre}: " styleClass="texto_negrita_derecha"/>
                                                <p:inputText id="inpAreNombre" value="#{instalacionesBean.instalacion.descripcion}"  size="40" required="true" requiredMessage="#{general.mensajeRequeridoNombre}"
                                                             validatorMessage="#{general.msgLongMaxCam} #{general.area} es de 100 #{general.caracteres}">
                                                </p:inputText>
                                                <h:outputText id="outAreCap" value="capacidad " styleClass="texto_negrita_derecha"/>
                                                <p:inputText id="inpAreCap" value="#{instalacionesBean.instalacion.capacidad}"  size="40" 
                                                             validatorMessage="#{general.msgLongMaxCam} #{general.apellido} es de 50 #{general.caracteres}">
                                                    <f:validateLength maximum="50" /> 
                                                </p:inputText>
                                                <h:outputText id="outCliInst" value="#{general.institucion}: " styleClass="texto_negrita_derecha"/>
												<h:selectOneMenu id="slmFiltro" value="#{instalacionesBean.instalacion.estado}" >
                                    				<f:selectItem id="sliActivo" itemValue="Activo" itemLabel="#{general.activo}"/>
                                    				<f:selectItem id="sliMantenimiento" itemValue="Mantenimiento" itemLabel="#{general.mantenimiento}"/>
                                    				<f:selectItem id="sliSuspendida" itemValue="Suspendida" itemLabel="#{general.suspendida}"/>
                                </h:selectOneMenu>
						</h:panelGrid>
						</p:tab>

						
						
						<p:tab title="${general.calendario}">
						
						<p:panel id="pnlResBusPla" header="calendario">
                            <p:schedule id="schPla" value="#{reporteReservacion.lazyModel}"  
                                        editable="true"   
                                        eventSelectListener="#{reportePlanificacionOP.onEventSelect}"
                                        onEventSelectComplete="mosDial()"
                                        showWeekends="false" 
                                        initialDate="#{reportePlanificacionOP.fechaInicio}"
                                        rightHeaderTemplate="month, agendaWeek, agendaDay"
                                        leftHeaderTemplate="prev,next">  
                            </p:schedule>  
                            <p:spacer height="10"/>
<!--                             <p:remoteCommand name="mosDial" immediate="true"  action="#" onsuccess="eventD.show()" process=":diaDetOPD"   -->
<!--                                              update="frmPla:pnlDetalle,frmPla:pnlDetalleManObr"/> -->
<!--                             <p:dialog id="diaDetOPD" widgetVar="eventD" header="#{general.detalle} #{general.planificacionOPD}"  -->
<!--                                       showEffect="clip" hideEffect="clip" resizable="true" minWidth="500" modal="true" >  -->

<!--                                 <p:panel id="pnlDetalle" header="#{general.detalle} #{general.planManoObra}"   > -->
<!--                                     <table > -->
<!--                                         <tr> -->
<!--                                             <td><h:outputLabel id="outPlaCliNom" value="#{general.cliente}:" styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td colspan="3"><p:inputText id="inpPlaCliNom" value="#{reportePlanificacionOP.planificaDetalle.ordenProduccion.tproforma.tentidad.nombres} #{reportePlanificacionOP.planificaDetalle.ordenProduccion.tproforma.tentidad.apellidos}"  -->
<!--                                                              readonly="true" size="52"/></td> -->
<!--                                         </tr> -->
<!--                                         <tr> -->
<!--                                             <td><h:outputLabel id="outIdPla" for="inpIdPla" value="#{general.codigo} de #{general.planificacion}:"  styleClass="texto_negrita_derecha" /></td> -->
<!--                                             <td><p:inputText id="inpIdPla" value="#{reportePlanificacionOP.planificaDetalle.idPlandet}" readonly="true" size="15"/></td> -->
<!--                                             <td width="15"><h:outputLabel id="outPlaNumOp"  value="#{general.numeroOP}:" styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td><p:inputText id="inpPlaNumOp" value="#{reportePlanificacionOP.planificaDetalle.ordenProduccion.idOp}" readonly="true" /></td> -->
<!--                                         </tr> -->
<!--                                         <tr> -->
<!--                                             <td><h:outputLabel id="outPlaDis" value="#{general.centroDistribucion}: " styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td colspan="3"><p:inputText id="inpPlaDis" value="#{reportePlanificacionOP.planificaDetalle.tcentrodistribucion.descripcion}" readonly="true" size="52"/></td> -->
<!--                                         </tr> -->
<!--                                         <tr> -->
<!--                                             <td><h:outputLabel id="outPlaPro" value="#{general.numeroProforma}: " styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td><p:inputText id="inpPlaPro" value="#{reportePlanificacionOP.planificaDetalle.tdetproforma.tproforma.tproformaPK.idProforma}" readonly="true"  size="15"/></td> -->
<!--                                             <td width="15" align="left"><h:outputLabel id="outPlaPer" value="#{general.periodo}: " styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td><p:inputText id="inpPlaPDet" value="#{reportePlanificacionOP.planificaDetalle.tdetproforma.periodocodigo}" readonly="true" size="20" /></td> -->
                                            
<!--                                         </tr> -->
<!--                                         <tr> -->
<!--                                             <td ><h:outputLabel id="outPlaSuc1" value="#{general.sucursal}: " styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td><p:inputText id="inpPlaSuc1" value="#{reportePlanificacionOP.planificaDetalle.ordenProduccion.tproforma.tsucursal.descSucursal}" readonly="true" size="15"/></td> -->
<!--                                             <td width="15" align="left" ><h:outputLabel  id="outPlaPed" value="#{general.numeroPedido}" styleClass="texto_negrita_derecha"/></td> -->
<!--                                             <td><p:inputText id="inpPlaPed" value="#{reportePlanificacionOP.planificaDetalle.tdetproforma.tproforma.numPedido}" size="20" readonly="true"/></td> -->
<!--                                         </tr> -->
<!--                                     </table> -->
<!--                                 </p:panel> -->
									</p:panel>
						
						
						</p:tab>


						<p:tab title="#{general.listaDe} #{general.cliente}">
							<p:toolbar>
								<p:toolbarGroup align="right">
									<h:commandButton value="#{general.modificar}" title="#{general.modificar}"
										image="/img/iconoEditar.png" styleClass="botonMat">
										<p:ajax update="form:gridDatTec, menTec, acoPanTec"
											listener="#{instalacionesBean.editarArea}" />
									</h:commandButton>
									<h:commandButton value="#{general.eliminar}" title="#{general.eliminar}"
										image="/img/iconoEliminar.png" styleClass="botonMat"
										onclick="diaConMatTec.show();return false;" type="button"/>
									<p:divider />
									<h:commandLink immediate="true"
										title="#{general.exportar} #{general.excel}">
										<p:graphicImage value="/img/iconoExcel.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="xls" target="dttCli"
											fileName="listaClientes" />
									</h:commandLink>
									<h:commandLink immediate="true"
										title="#{general.exportar} #{general.pdf}">
										<p:graphicImage value="/img/iconoPdf.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="pdf" target="dttCli"
											fileName="listaClientes" />
									</h:commandLink>
									<h:commandLink immediate="true"
										title="#{general.exportar} #{general.xml}">
										<p:graphicImage value="/img/iconoXml.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="xml" target="dttCli"
											fileName="listaClientes" />
									</h:commandLink>
								</p:toolbarGroup>
							</p:toolbar>
							<br />
								<p:dataTable id="dtTec" var="item"
									value="#{instalacionesBean.listaInstalaciones}"
									selection="${instalacionesBean.instalacion}" selectionMode="single"
									rowSelectListener="#{instalacionesBean.onRowSelect}" paginator="true"
									rows="10">
									<f:facet name="header">
										<h:panelGrid columns="1">
											<h:outputText id="outHeadIns"
												value="#{general.buscar} #{general.instalacion}" />
										</h:panelGrid>
									</f:facet>
									<p:column filterBy="#{item.descripcion}">
										<f:facet name="header">
											<h:outputText value="#{general.nombre}" />
										</f:facet>
										<h:outputText value="#{item.descripcion}" />
									</p:column>
									<p:column sortBy="${item.capacidad}" filterBy="${item.capacidad}">
										<f:facet name="header">
											<h:outputText value="#{general.capacidad}" />
										</f:facet>
										<h:outputText value="#{item.capacidad}" style="width:inherit" />
									</p:column>
									<p:column style="width: 150px" sortBy="${item.estado}" filterBy="${item.estado}">
										<f:facet name="header">
											<h:outputText value="#{general.estado}" />
										</f:facet>
										<h:outputText value="#{item.estado}" />
									</p:column>
								</p:dataTable>
							</p:tab>
					</p:accordionPanel>
				</p:tab>
			</p:tabView>
			<p:confirmDialog modal="true"
			message="#{general.eliminar}" hideEffect="explode" 
			header="#{general.eliminar} #{general.instalacion}" severity="alert"
			widgetVar="diaConMatTec">
			<p:commandButton value="Si" oncomplete="diaConMatTec.hide()"
				actionListener="#{instalacionesBean.eliminarArea}"
				update="form:dtTec, form:menTec" immediate="true">
			</p:commandButton>
			<p:commandButton value="No" onclick="diaConMatTec.hide()"
				type="button" />
		</p:confirmDialog>
		</h:form>
	</ui:define>
</ui:composition>